<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>这是第二课的第二个文件</title>
	</head>

	<body>
		<h1 align="center">HTML第二课-列表</h1>
		<hr>
		<p>列表：</p>
		<p>无序列表ul、有序列表ol、自定义列表dl</p>
		<p>演示：</p>
		<style>
			/*ul{
				list-style: none;
			}
			ul li {
				position: relative;
			}
			ul li:before {
				content: '';
				position: absolute;
				top: 3px;
				left: -15px;
				width: 10px;
				height: 10px;
				border-radius: 50% 0 50% 0;
				background: #f00;
			}*/
		</style>

		<ul>
			<li>
				商品模块
				<ul>
					<li>
						商品列表
						<ul>
							<li>
								<a href="http://www.baidu.com">列表查看</a>
							</li>
							<li>
								<font color="red">列表编辑</font>
							</li>
						</ul>
					</li>
					<li>商品详情</li>
					<li>商品回收站</li>
				</ul>
			</li>
			<li>第二条内容</li>
			<li>第三条内容</li>
		</ul>
		<ol>
			<li>
				商品模块
				<ol>
					<li>
						商品列表
						<ol>
							<li>列表查看</li>
							<li>列表编辑</li>
						</ol>
					</li>
					<li>商品详情</li>
					<li>商品回收站</li>
				</ol>
			</li>
			<li>第二条内容</li>
			<li>第三条内容</li>
		</ol>

		<dl>
			<dt>标题</dt>
			<dd>内容</dd>
		</dl>





	</body>
</html>